<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	>
    <h:head>
        <title>
            Listado de Articulos
        </title>
        <link type="text/css" rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/css/blitzer/skin.css"/>
    </h:head>
    <h:body>
        <center>
            <p:panel header="Listado de Articulos"
                     style="text-align: left;width: 650px;
                     vertical-align: middle;">
                <f:view>
                    <h:form id="frmArticulo">
                        <p:dataTable value="#{ArticuloBean.lista}"
                                     var="alumno"
                                     rowKey="#{alumno.claveArticulo}"
                                     selectionMode="single"
                                     style="font-size:10px"
                                     paginator="true"
                                     rows="5"
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="5,10,15">
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="claveArticulo"/>
                                </f:facet>
                                <h:outputText value="#{alumno.claveArticulo}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Descripcion"/>
                                </f:facet>
                                <h:outputText value="#{alumno.descripcion}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Precio"/>
                                </f:facet>
                                <h:outputText value="#{alumno.precio}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Existencias"/>
                                </f:facet>
                                <h:outputText value="#{alumno.existencias}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Acciones"/>
                                </f:facet>
                          	
                            </p:column>
                        </p:dataTable>
                        
                    </h:form>
                </f:view>
            </p:panel>
        </center>
    </h:body>
</html>